<template>
  <div class="edituserinfo">
    <Header>
      <a
        href="javascript:;"
        slot="logo"
        @click="gobackClickHandle"
        class="goback"
      >
        <i class="icon-arrow-left-bold"></i>
      </a>
      <span slot="title" class="edituserinfo_header_title">{{
        $t('lang["' + $route.meta.title + '"]')
      }}</span>
    </Header>
    <div class="edituserinfo_main">
      <EditUserPanel :item="items"></EditUserPanel>
    </div>
    <Footer></Footer>
  </div>
</template>
<script>
export default {
  name: "EditUserInfo",
  components: {
    Header: () =>
      import(/* webpackChunkName: "header" */ "../components/header"),
    Footer: () =>
      import(/* webpackChunkName: "footer" */ "../components/footer"),
    FooterNav: () =>
      import(/* webpackChunkName: "footerNav" */ "../components/footerNav"),
    EditUserPanel: () =>
      import(
        /* webpackChunkName: "editUserPanel" */ "../components/editUser/editUserPanel"
      ),
  },
  data() {
    return {
      items: {},
    };
  },
  created() {
    this.items = {
      userId: "0123456",
      userHead:
        "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1595233833221&di=8cf8621bb5bdae4844362dfe99c54191&imgtype=0&src=http%3A%2F%2Fb.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2Fbd315c6034a85edf8c1758e240540923dc547553.jpg",
      nickName: "undefined",
      isNewContent: true,
      tags: [
        "电影",
        "Vue",
        "React",
        "电影",
        "Vue",
        "React",
        "电影",
        "Vue",
        "React",
      ],
    };
  },
  methods: {
    gobackClickHandle(e) {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="less">
@base: 23.44rem;
.edituserinfo {
  padding: 0;
  margin: 0;
  .edituserinfo_header_title {
    line-height: 45 / @base;
  }
  .edituserinfo_main {
    margin: 45 / @base 0 0;
  }
  .header {
    .header_left {
      a {
        &.goback {
          width: 24 / @base;
          height: 24 / @base;
          display: block;
          margin: 10 / @base 0 10 / @base 10 / @base;
          i {
            font-size: 24 / @base;
          }
        }
      }
    }
  }
}
</style>
